<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>邀请详情</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<style type="text/css">
		.InvitationDetails_contaienr{
			margin: 0 auto;
			max-width: 540px;
			padding: 0 10px;
		}
		.InvitationDetails_contaienr h2{
			padding-top: 32px;
			font-size: 17px;
			width: 100%;
			text-align: center;
			margin-top: 2px;
			font-weight: 600;
			line-height: 24px;
			letter-spacing: 1px;
		}
		.InvitationDetails_header_content{
			background: #fbfdff;
			border: 1px solid #cfe8ff;
			padding: 32px 0;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 24px;
		}
		.InvitationDetails_header_content li{
			display: flex;
			flex-direction: column;
			align-items: center;
			flex:1;
			position: relative;
		}
		.InvitationDetails_header_content li span{
			font-size: 24px;
			font-weight: 400;
			color: rgba(0,0,0,.85);
			line-height: 33px;
			text-align: center;
		}
		.InvitationDetails_header_content li b{
			font-size: 13px;
			font-weight: 400;
			color: rgba(0,0,0,.85);
			line-height: 18px;
			margin-top: 4px;
			text-align: center;
		}
		.InvitationDetails_header_content li:after{
			content: "";
			width: 1px;
			height: 38px;
			background: #e9e9e9;
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}
		.InvitationDetails_header_content li:last-child:after{
			width: 0px;
		}
		.InvitationDetails_main_contaienr table{
			border: 1px solid #ececec;
		}
		.InvitationDetails_main_contaienr table img{
			width: 38px;
			height: 38px;
			font-size: 16px;
			border-radius: 2px;
			overflow: hidden;
			margin-right: 10px;
		}
		.table-start{
			display: flex;
			align-items: flex-start;
		}
	</style>
</head>
<body>
	<div class="InvitationDetails_contaienr">
		<h2>邀请详情</h2>
		<div class="InvitationDetails_header_contaienr">
			<ul class="InvitationDetails_header_content">
				<li>
					<span>{$allCustomer}</span>
					<b>邀请总客户数</b>
				</li>
				<li>
					<span>{$newCustomer}</span>
					<b>邀请新客户数</b>
				</li>
				<li>
					<span>{$lossCustomer}</span>
					<b>流失客户数</b>
				</li>
				<li>
					<span>{$allCustomer - $lossCustomer}</span>
					<b>净增客户总数</b>
				</li>
			</ul>
		</div>
		<div class="InvitationDetails_main_contaienr">
			<table class="layui-table" lay-even="" lay-skin="nob">
				<colgroup>
					<col>
					<col>
					<col>
				</colgroup>
				<thead>
					<tr>
						<th>
							客户
						</th>
						<th>状态</th>
						<th>加入时间</th>
					</tr> 
				</thead>
				<tbody>
				{loop $help_user as $user}
					<tr>
						<td class="table-start">
							<img src="{$user->bind_user->avatar}">{$user->bind_user->name}
						</td>
						<td>{$user->bind_user->status?'流失':'正常'}</td>
						<td>{if $user->bind_user->createtime}{date('Y-m-d H:i:s',$user->bind_user->createtime)}{/if}</td>
					</tr>
				{/loop}
					
				</tbody>
			</table>
		</div>
	</div>
	<script src="/layui/layui.js"></script>
	<script>

	</script>
	<script src="/cdn/jquery.js"></script>
	<script type="text/javascript">
		
	</script>
</body>
</html>